import { useState,createContext,useEffect} from 'react'
import reactLogo from './assets/react.svg'
import viteLogo from '/vite.svg';
import Header from './components/Header';
import Footer from './components/Footer';
import Content from './components/Content';
import axios from "axios"
import './App.css';
export const AppContext = createContext({});
const App=()=>{
  const [count, setCount] = useState(0);
  useEffect(()=>{
    const result = axios.get("/path/search/users?q=nowLetsgo");
    console.log(result);
  },[])

  return <div>
     <AppContext.Provider value={{ count, setCount }}>
    <Header></Header>
    <hr />
    <Content></Content>
    <hr />
    <Footer></Footer>
    </AppContext.Provider>
  </div>

}
export default App;
